<template>
    <div>
        <p>{{ info1 }}:{{ data }}</p>
    </div>
    <Arrival :Info="info2" @getData="Data"></Arrival>

</template>

<script>
import { defineAsyncComponent } from 'vue';
const Arrival = defineAsyncComponent(()=>import('./Arrival.vue') );
export default {
    data (){
        return {
            info1:"搜索内容为",
            info2:"请输入内容",
            data :"",
        }
    },
    methods:{
        Data(data){
            this.data = data;
        }
    },
    components:{
        Arrival
    }


}

</script>

<style scoped>
</style>